<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>使用字体图标实现的按钮</title>

        <!-- 使用相对路径 引用 font awesome 的样式 -->
        <link rel="stylesheet" href="../font-awesome/css/font-awesome.css" >

    </head>

    <body>

        <form action="http://www.baidu.com/s" >
            <input type="text" name="wd" >
            <!--
            <input type="submit" value="" class="fa fa-search" >
            -->
            <button type="submit" class="fa fa-search"></button>
        </form>

    </body>

</html>